import {
  request
} from "../../request/index.js";
import {
  showToast,
  chooseImage
} from "../../utils/asyncWx.js";
import regeneratorRuntime from '../../lib/runtime/runtime.js';
Page({

  data: {
    // Tabs
    tabs: [{
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商品、商家投诉",
        isActive: false
      }
    ],
    // 上传的图片集合
    imgList: []
  },

  /**
   * Tabs 属性改变：子传父
   */
  handletabsItemChange(e) {
    const {
      index
    } = e.detail;
    // 改变Tabs下标
    let tabs = this.data.tabs;
    tabs.forEach(v => v.isActive = v.id === index ? true : false);
    this.setData({
      tabs
    });
  },

  /**
   * 上传图片按钮监听事件
   */
  async handleUploadImg(e) {
    try {
      // 打开微信内置选择图片API
      const res = await chooseImage();
      // 数据合并
      let imgList = [...this.data.imgList, ...res.tempFilePaths];
      this.setData({
        imgList
      })
      // 成功提示
      await showToast({
        title: "上传图片成功"
      })
    } catch (err) {
      // 失败提示
      console.error(err);
      await showToast({
        title: "上传图片失败"
      })
    }
  },

  /**
   * 图片删除
   */
  handleDeleImg(e) {
    // 1 获取删除图片的下标
    const {
      index
    } = e.currentTarget.dataset;
    // 2 获取图片列表
    let {
      imgList
    } = this.data;
    // 3 删除
    imgList.splice(index, 1);
    // 4 重新返回 Data 中
    this.setData({
      imgList
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },


})